<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <!-- 引入Bootstrap相关文件  -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.min.js"></script>
    <script src="js/jquery.ui.datepicker-zh-TW.js"></script>
    <link href="http://cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.min.css" rel="stylesheet">
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
    <link href="css/add_matron.css" rel="stylesheet">
    <script type="text/javascript" src="js/globalVar.js"></script>

    <title>E家月嫂</title>
</head>

<body onload="loadBody()" ng-controller="myCtrl">

<!-- 导航栏 -->
<nav class="navbar navbar-default" role="navigation"
     style="padding:8px 0; margin-bottom: 0px; max-height: 60px; min-width:800px;overflow: hidden">
    <ul class="nav nav-pills nav-justified">

        <li>
            <div class="navbar-header" style="min-width: 400px;">
                <a class="navbar-brand" href="#" id="page-title">E家月嫂-后台录入系统 > 添加月嫂</a>
            </div>
        </li>

        <li>
            <button type="button" class="btn btn-success navbar-btn navbar-left"
                    style="margin-left: 20px;min-width: 60px;" ng-click="addMatron()">保存
            </button>
        </li>

        <li>
            <p class="navbar-text navbar-right" style="margin-right:50px;"><a href="modify-password.html"
                                                                              class="navbar-link"
                                                                              style="color:#0000CC;">修改密码</a></p>
            <p class="navbar-text navbar-right"><a href="javascript:logout()" class="navbar-link"
                                                   style="color:#0000CC;">登出</a></p>
            <p class="navbar-text navbar-right" id="maternity_name">刘金华</p>
        </li>

    </ul>
</nav>

<div class="row" style="width:100%;">
    <div class="personal-wrapper" style="height:200px;overflow: hidden;max-width:100%;">
        <div class="col-xs-4" style="min-width: 430px;max-width: 500px;">
            <div class="head-img" style="margin-top:18px;margin-left: 15px;">
                <a class="upload_media" data-type="img" href="javascript:;">
                    <img class="head-img" src="img/upload-head-img.png" style="width: 165px;height: 180px"/>
                </a>
                <input type="file" accept="image/*" style="display: none">
            </div>
            <div class="personal-info">
                <div class="personal-info-item">
                    <span>编号：</span>
                    <span id="matron_serial">10000123</span>
                </div>
                <div class="personal-info-item">
                    <span>姓名：</span>
                    <input type="text" ng-model="name"/>
                </div>
                <div class="personal-info-item">
                    <span>年龄：</span>
                    <input type="number" ng-model="age"/>
                </div>
                <div class="personal-info-item">
                    <span>籍贯：</span>
                    <select id="province">
                        <option value="北京市">北京市</option>
                        <option value="浙江省">浙江省</option>
                        <option value="天津市">天津市</option>
                        <option value="安徽省">安徽省</option>
                        <option value="上海市">上海市</option>
                        <option value="福建省">福建省</option>
                        <option value="重庆市">重庆市</option>
                        <option value="江西省">江西省</option>
                        <option value="山东省">山东省</option>
                        <option value="河南省">河南省</option>
                        <option value="湖北省">湖北省</option>
                        <option value="湖南省">湖南省</option>
                        <option value="广东省">广东省</option>
                        <option value="海南省">海南省</option>
                        <option value="山西省">山西省</option>
                        <option value="青海省">青海省</option>
                        <option value="江苏省">江苏省</option>
                        <option value="辽宁省">辽宁省</option>
                        <option value="吉林省">吉林省</option>
                        <option value="台湾省">台湾省</option>
                        <option value="河北省">河北省</option>
                        <option value="贵州省">贵州省</option>
                        <option value="四川省">四川省</option>
                        <option value="云南省">云南省</option>
                        <option value="陕西省">陕西省</option>
                        <option value="甘肃省">甘肃省</option>
                        <option value="黑龙江省">黑龙江省</option>
                        <option value="香港特别行政区">香港特别行政区</option>
                        <option value="澳门特别行政区">澳门特别行政区</option>
                        <option value="广西壮族自治区">广西壮族自治区</option>
                        <option value="宁夏回族自治区">宁夏回族自治区</option>
                        <option value="新疆维吾尔自治区">新疆维吾尔自治区</option>
                        <option value="内蒙古自治区">内蒙古自治区</option>
                        <option value="西藏自治区">西藏自治区</option>
                    </select>
                </div>
                <div class="personal-info-item">
                    <span>手机：</span>
                    <input type="text" ng-model="phone_num"/>
                </div>
            </div>
        </div>

        <div class="col-xs-4" style="height:100%; min-width: 230px;">
            <div class="personal-video-item"><span>自我介绍视频</span></div>
            <div class="personal-video-item">
                <span style="font-size:10px;">(.mp4\.avi格式，不大于5M，不短于1min)</span>
            </div>
            <div class="personal-video-item">
                <a href="javascript:;" class="upload_media" data-type="video">
                    <video class="intro-video" src="" controls="controls"
                           style="width:300px; height:100px;border:1px solid #aaaaaa;"></video>
                </a>
                <input type="file" accept="video/*" style="display:none">
            </div>
        </div>

    </div>

    <div class="row" style="width:100%;">
        <div class="other-personal-info-wrapper">
            <div class="certification-line">
                <span>紧急联系人：</span><input type="text" ng-model="emergency"/>
                <span>关系：</span><input type="text" ng-model="relation"/>
                <span>联系方式：</span><input type="text" ng-model="contact"/>
            </div>

            <div class="certification-line">
                <span>婚姻状况： </span>

                <div class="checkbox-item" style="margin-left:10px;">
                    <label>
                        <input type="checkbox" name="hyzk" id="hy_yh" onclick="hy_yh_select()"/><span>已婚</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="hyzk" id="hy_wh" onclick="hy_wh_select()"/><span>未婚</span>
                    </label>
                </div>

            </div>

            <div class="certification-line">
                <span>生育状况： </span>

                <div class="checkbox-item" style="margin-left:10px;">
                    <label>
                        <input type="checkbox" name="syzk" id="sy_yy" onclick="sy_yy_select()"/><span>已育</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="syzk" id="sy_wy" onclick="sy_wy_select()"/><span>未育</span>
                    </label>
                </div>

            </div>

            <div class="certification-line">
                <span>学历状况： </span>

                <div class="checkbox-item" style="margin-left:10px;">
                    <label>
                        <input type="checkbox" name="xlzk" id="xl_xx" onclick="xl_xx_select()"/><span>小学</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="xlzk" id="xl_cz" onclick="xl_cz_select()"/><span>初中</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="xlzk" id="xl_zz" onclick="xl_zz_select()"/><span>中专</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="xlzk" id="xl_gz" onclick="xl_gz_select()"/><span>高中</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input type="checkbox" name="xlzk" id="xl_dz" onclick="xl_dz_select()"/><span>大专</span>
                    </label>
                </div>
            </div>

            <div class="certification-line">
                <span>语言能力： </span>

                <div class="checkbox-item" style="margin-left:10px;">
                    <label>
                        <input name="yynl" type="checkbox"/><span>家乡话</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input name="yynl" type="checkbox"/><span>普通话</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input name="yynl" type="checkbox"/><span>上海话</span>
                    </label>
                </div>

                <div class="checkbox-item">
                    <label>
                        <input name="yynl" type="checkbox"/><span>英语</span>
                    </label>
                </div>

            </div>
        </div>

    </div>

    <div class="row" style="width:100%;">
        <div class="certification-wrapper" style="margin-left:30px;">

            <div class="certification-header">
                <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">证件资料</p>
            </div>

            <div class="certification-item">
                <div class="certification-line">
                    <span>身份证号码：</span><input type="text" style="width:300px;" ng-model="id_num">
                </div>
                <div class="certification-line">
                    <div style="display: inline">
                        <a href="javascript:;" class="upload_media" data-type="img">
                            <img class="front_id_img" src="img/upload-img.png"/>
                        </a>
                        <input type="file" accept="image/*" style="display:none"/>
                    </div>
                    <div style="display: inline">
                        <a href="javascript:;" class="upload_media" data-type="img" style="margin-left:20px;">
                            <img class="back_id_img" src="img/upload-img.png"/>
                        </a>
                        <input type="file" accept="image/*" style="display:none"/>
                    </div>
                </div>
            </div>

            <div class="certification-item">
                <div class="certification-line">
                    <span>健康证：有效期 </span>
                    <input type="text" class="date-picker" placeholder="" style="width:80px;margin-left:20px;"
                           ng-model="health_start">
                    <span> - </span>
                    <input type="text" class="date-picker"
                           placeholder=""
                           style="width:80px;"
                           ng-model="health_end">
                </div>
                <div class="certification-line">
                    <a href="javascript:;" class="upload_media" data-type="img">
                        <img class="health_img" src="img/upload-img.png"/>
                    </a>
                    <input type="file" accept="image/*" style="display:none"/>
                </div>
            </div>

            <div class="certification-item">

                <div class="certification-line">
                    <span>技能证书：</span>
                    <select id="my-select" class="my-select" onchange="setSelectedCertification()">
                        <option value=""> <!--selected hidden -->选择证书</option>
                        <option value="myhls">母婴护理师</option>
                        <option value="yyy">育婴员资格证</option>
                        <option value="jzfwy">家政服务员资格证</option>
                        <option value="yypcy">营养配餐员资格证</option>
                        <option value="byy">保育员资格证</option>
                        <option value="yys">营养师</option>
                        <option value="hsbyz">护士毕业证</option>
                        <option value="crs">催乳师</option>
                        <option value="xjys">星级月嫂</option>
                        <option value="myjkzds">母婴健康指导师</option>
                    </select>
                </div>

                <div class="certification-line">
                    <div class="certification-img" id="certification-with-rank" style="display:none;">
                        <div class="certification-name"><span id="certification-name-with-rank">育婴证</span></div>
                        <div class="certification-line">
                            <span>证书编号： </span><input type="text" class="certification-num" placeholder=""
                                                      style="width:140px;">
                        </div>
                        <div class="certification-line">
                            <span>技能等级：</span>
                            <select class="rank-select">
                                <option value="" selected hidden>NA</option>
                                <option value="5">5级（初级）</option>
                                <option value="4">4级（中级）</option>
                                <option value="3">3级（高级）</option>
                                <option value="2">2级（技师）</option>
                                <option value="1">1级（高级技师）</option>
                            </select>
                        </div>
                        <div style="margin: 10px 4px;">
                            <a class="upload_media" href="javascript:;" data-type="img">
                                <img class="skill-img" src="img/upload-img.png">
                            </a>
                            <input type="file" accept="image/*" style="display: none">
                        </div>
                    </div>

                    <div class="certification-img" id="certification-without-rank" style="display:none;">
                        <div class="certification-name"><span id="certification-name-without-rank">育婴证</span></div>
                        <div class="certification-line">
                            <span>证书编号： </span><input type="text" placeholder="" style="width:140px;">
                        </div>
                        <div style="margin: 10px 4px;">
                            <a class="upload_media" href="javascript:;" data-type="img">
                                <img class="skill-img" src="img/upload-img.png">
                            </a>
                            <input type="file" accept="image/*" style="display: none">
                        </div>
                    </div>

                </div>

            </div>

            <div class="certification-header">
                <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">培训经验</p>
            </div>

            <div class="certification-item">

                <div class="certification-line">
                    <span>已完成培训：</span>

                    <div class="ywcpx_item" style="display: inline-block;" id="ywcpx_div">

                        <div class="checkbox-item" style="margin-left:10px;">
                            <label>
                                <input type="checkbox" name="ywcpx"/><span>母乳喂养培训</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="ywcpx"/><span>小儿推拿培训</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="ywcpx"/><span>产后护理培训</span>
                            </label>
                        </div>

                    </div>

                    <div class="checkbox-item">
                        <i class="icon-plus" style="background-color: #999999" ng-click="add_ywcpx()"></i>
                    </div>

                </div>

                <div class="certification-line">
                    <span>跟岗医院： </span>

                    <div class="ggyy_item" style="display: inline-block;" id="ggyy_div">

                        <div class="checkbox-item" style="margin-left:10px;">
                            <label>
                                <input type="checkbox" name="ggyy"/><span>妇婴</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="ggyy"/><span>红房子</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="ggyy"/><span>国妇婴</span>
                            </label>
                        </div>

                    </div>
                    <div class="checkbox-item">
                        <i class="icon-plus" style="background-color: #999999" ng-click="add_ggyy()"></i>
                    </div>

                </div>
            </div>

            <div class="certification-header">
                <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">护理经验</p>
            </div>

            <div class="certification-item">

                <div class="certification-line">
                    <span>最早护理时间：</span><input type="text" class="date-picker" style="width:80px;" ng-model="hlsj">
                </div>

                <div class="certification-line">
                    <span>护理家庭数量：</span><input type="text" style="width:80px;" ng-model="jtsl">
                </div>

                <div class="certification-line">
                    <span>护理双胞胎经验： </span>

                    <div class="checkbox-item" style="margin-left:10px;">
                        <label>
                            <input type="checkbox" id="hl_y" name="hljy" onclick="hl_y_select()"/><span>有</span>
                        </label>
                    </div>

                    <div class="checkbox-item">
                        <label>
                            <input type="checkbox" id="hl_w" name="hljy" onclick="hl_w_select()"/><span>无</span>
                        </label>
                    </div>

                </div>

                <div class="certification-line">
                    <span>护理家庭类型： </span>

                    <div class="hljt_item" style="display: inline-block;" id="hljt_div">

                        <div class="checkbox-item" style="margin-left:10px;">
                            <label>
                                <input type="checkbox" name="hljt"/><span>双外籍人士</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="hljt"/><span>单外籍人士</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="hljt"/><span>多月嫂协作</span>
                            </label>
                        </div>

                        <div class="checkbox-item">
                            <label>
                                <input type="checkbox" name="hljt"/><span>无母亲陪护</span>
                            </label>
                        </div>

                    </div>
                    <div class="checkbox-item">
                        <i class="icon-plus" style="background-color: #999999" ng-click="add_hljt()"></i>
                    </div>

                </div>

            </div>

            <div class="certification-header">
                <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">图像资料</p>
            </div>

            <div class="certification-item">
                <div class="certification-line" style="margin-bottom:20px;">

                    <div class="material-img">
                        <a class="upload_media" href="javascript:;" data-type="img" data-on-uploaded="addMaterialImg">
                            <img class="material-photo" src="img/upload-img.png">
                        </a>
                        <input type="file" accept="image/*" style="display: none">
                        <div class="tag-div">
                            <div class="tag-item"><input ng-model="tag1" class="tag-input" type="text" placeholder="标签1"></div>
                            <div class="tag-item"><input ng-model="tag2" class="tag-input" type="text" placeholder="标签2"></div>
                            <div class="tag-item"><input ng-model="tag3" class="tag-input" type="text" placeholder="标签3"></div>
                            <div class="tag-item"><input ng-model="tag4" class="tag-input" type="text" placeholder="标签4"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <script src="js/jquery.cookie.js"></script>
    <script src="http://cdn.bootcss.com/spark-md5/2.0.2/spark-md5.min.js"></script>
    <script src="js/upload.js"></script>
    <script src="js/add_matron.js"></script>
</div>
</body>
</html>